<template>
  <div id="login" >
    <a type="primary" @click="showModal">
      <img src="../../assets/images/deng  lu.png" class="img" alt />登录
    </a>
    <a-modal v-model="visible" @ok="handleOk" footer >
      <user-layoutlist />
    </a-modal>
  </div>
</template>
<script>
import UserLayoutlist from '../layouts/UserLayout-list'

export default {
  name: 'UserLayoutlogin',
  components: { UserLayoutlist },
  data() {
    return {
      visible: false
    }
  },
  methods: {
    showModal() {
      this.visible = true
    },
    handleOk(e) {
      console.log(e)
      this.visible = false
    }
  }
}
</script>

<style scoped lang="scss">
#login {
  padding: 0;
  color: #000;

  a {
    color: #000;
    .img {
      padding-right: 10px;
      margin-top: -4px;
    }
  }
}
/deep/ .ant-modal-body .ant-modal-footer{
  display: none;
  height: 0px;
}
</style>